.homePageSystemConfigurationPage {
    height: 100%;
    padding: 17px 32px 32px;

    .homePageSystemConfigurationPage-systemConfigurationPageHeaderMenuComponent {
        width: 100%;
        height: 60px;
        background-color: rgba(23, 161, 230, 0.1);
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-right: 20px;

        .homePageSystemConfigurationPage-systemConfigurationPageHeaderMenuComponent__systemConfigurationPageHeaderMenuComponentTabComponent {
            display: flex;

            .systemConfigurationPageHeaderMenuComponent-systemConfigurationPageHeaderMenuComponentTabComponent__tabItem {
                margin-right: 4px;
                border: 1px solid;
                border-radius: 2px 2px 0px 0px;
                cursor: pointer;
            }
        }

        .homePageSystemConfigurationPage-systemConfigurationPageHeaderMenuComponent__systemConfigurationPageHeaderMenuComponentOperationComponent {
            display: flex;

            .systemConfigurationPageHeaderMenuComponent-systemConfigurationPageHeaderMenuComponentOperationComponent__btn {
                padding: 6px 18px;
                border: 1px solid;
                border-radius: 2px;
                font-size: 14px;
                font-weight: 400;
                color: #B8D6E6;
                margin-left: 8px;
                cursor: pointer;
            }

            .systemConfigurationPageHeaderMenuComponent-systemConfigurationPageHeaderMenuComponentOperationComponent__btnLeft {
                border-color: rgba(23, 161, 230, 0.5);
                background-color: rgba(0, 0, 0, 0);
            }

            .systemConfigurationPageHeaderMenuComponent-systemConfigurationPageHeaderMenuComponentOperationComponent__btnRight {
                border-color: #17A1E6;
                background-color: rgba(23, 161, 230, 0.3);
            }

            .systemConfigurationPageHeaderMenuComponent-systemConfigurationPageHeaderMenuComponentOperationComponent__block {
                display: flex;
                align-items: center;
                font-size: 14px;
                font-weight: 400;
                color: #B8D6E6;
                white-space: nowrap;

                .systemConfigurationPageHeaderMenuComponentOperationComponent-block__divider {
                    height: 30px;
                    background-color: rgba(23, 161, 230, 0.3);
                    margin: 0 11px 0 20px;
                }

                :global {

                    // 输入框
                    .ant-input {
                        width: 180px;
                        border-color: rgba(122, 143, 153, 0.5);
                        background-color: rgba(0, 0, 0, 0);
                        color: #ffffff;
                        margin-right: 32px;
                        border-radius: 2px;

                        &::placeholder {
                            color: rgba(255, 255, 255, 0.45);
                        }
                    }

                    // 输入框聚焦
                    .ant-input:focus {
                        box-shadow: none !important
                    }

                    // 选择框
                    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                        font-size: 14px;
                        font-weight: 400;
                        height: 32px;
                        background-color: rgba(0, 0, 0, 0);
                        border-color: rgba(122, 143, 153, 0.5);
                        border-radius: 2px;
                        width: 160px;
                    }

                    //选择框文字
                    .ant-select-single.ant-select-show-arrow .ant-select-selection-item {
                        color: #ffffff;
                    }

                    // 选择框placeholder
                    .ant-select-single.ant-select-show-arrow .ant-select-selection-placeholder {
                        color: rgba(255, 255, 255, 0.45);
                    }

                    // 选择框下拉箭头
                    .ant-select-arrow {
                        color: rgba(122, 143, 153, 0.5);
                    }

                    // 选择框hover
                    .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer):hover .ant-select-selector {
                        border: 1px solid rgba(122, 143, 153, 0.5);
                    }

                    //  选择框选择完成
                    .ant-select:not(.ant-select-disabled):not(.ant-select-customize-input):not(.ant-pagination-size-changer) .ant-select-selector {
                        box-shadow: none;
                    }

                }
            }
        }
    }

    .homePageSystemConfigurationPage-outlet {
        width: 100%;
        padding-top: 8px;
        height: calc(100% - 60px);
    }
}



:global {

    // 下拉框
    .ant-select-dropdown.systemConfigurationPageHeaderMenuComponentOperationComponent-block__selectDropdown {
        background-color: rgba(15, 56, 77, 0.9);
        box-shadow: 0px 6px 16px 0px rgba(9, 13, 15, 0.3), 0px 3px 6px 0px rgba(9, 13, 15, 0.2);
        border-radius: 2px;
        border: 1px solid rgba(23, 161, 230, 1);
        padding: 0;

        // 下拉框文字
        .ant-select-item-option-content {
            font-size: 14px;
            font-weight: 400;
            color: #B8D6E6;

        }

        // 下拉框选中选项
        .ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
            background-color: rgba(23, 161, 230, 0.5);
            border-radius: 0%;
        }
    }
}